{# Copyright 2014-2015 Siemens AG

   Copying and distribution of this file, with or without modification,
   are permitted in any medium without royalty provided the copyright notice and this notice are preserved.
   This file is offered as-is, without any warranty.
#}
{% extends "include/base.html.twig" %}
{% block styles %}
  {{ parent() }}
  <link rel="stylesheet" href="css/highlights.css"/>
{% endblock %}

{% block content %}
  <div id="leftrightalignment" name="leftrightalignment">
    <table border="0" style="padding:0px; height:100%; width:100%">
      <tr>
        <td style="padding:0px; position:relative; height: 100%; width:50%">
          <div class="centered" style='padding:2px;'>
            {{ pageMenu }}
            <button class="legendHider btn btn-default btn-sm">
              {{ 'Hide Legend'| trans }}
            </button>
            <button class="legendShower btn btn-default btn-sm">
              {{ 'Show Legend'| trans }}
            </button>
          </div>
          <div class="boxnew">{{ textView }}</div>
          <div id="legendBox" name="legendBox" style="background-color:white; padding:2px; border:1px outset #222222; width:150px; position:absolute; right:17px; bottom:17px; ">
            <b>{{ 'Legend'| trans }}</b><br/>
            {{ legendBox }}
          </div>
        </td>
        <td class="headerBox">
          {% block rhs %}
            {% include 'ui-xp-view_rhs.html.twig' %}
          {% endblock %}
          {% if content %}
            <h3 style="padding-top: 1.3em;">Scanner findings:</h3>
            {{ content }}
          {%endif%}
        </td>
      </tr>
    </table>
  </div>
{% endblock %}
{% block foot %}
  {{ parent() }}

  <script src="scripts/jquery.dataTables.min.js" type="text/javascript"></script>
  <script src="scripts/jquery.dataTables.editable.js" type="text/javascript"></script>
  <script src="scripts/jquery.dataTables.select.js" type="text/javascript"></script>
  <script src="scripts/jquery.jeditable.js" type="text/javascript"></script>
  <script src="scripts/jquery.validate.js" type="text/javascript"></script>
  <script src="scripts/job-queue-poll.js" type="text/javascript"></script>
  <script src="scripts/change-license-common.js" type="text/javascript"></script>
  <script src="scripts/change-license-view.js" type="text/javascript"></script>
  <script src="scripts/legend.js" type="text/javascript"></script>
  <script src="scripts/tools.js" type="text/javascript"></script>
  <script src="scripts/supervised.js" type="text/javascript"></script>
  <script type="text/javascript">{% include "next-options.js.twig" %}</script>

  {{ script }}

  <script type="text/javascript">
    $(document).ready(function () {
      $('img').tooltip();
      $('#decisionTable').DataTable({
        "paging":   false,
        "ordering": false,
        "info":     false,
      });
    });
  </script>

  {% include "copyrighthist_scripts.html.twig" %}
  {% if agentName == "copyright" %}
    <script language="javascript">
    {% set table=statement %}
    {% include "histTable.js.twig" with table %}
    </script>
  {%endif%}
{% endblock %}

